﻿@{
    ViewBag.Title = "企业资质列表";
    Layout = Url.Content("~/Views/Shared/_Layout.cshtml");
}

@section header{
    @Styles.Render("~/Content/element-ui/lib/theme-chalk/index.css")
}

<div class="page-header">
    <h1>
        @ViewBag.Title
        <small></small>
    </h1>
</div>
<div id="PAGE_MODEL">
    <div class="row">
        <!--查询开始-->
        <div class="form-group col-sm-12">
            <form class="form-inline" v-on:submit.prevent="getQualificationListindex()">

                <div class=form-group>
                    <div class="input-group">
                        <span class="input-group-addon">
                            资质类型/名称
                        </span>
                        <input type="text" class="form-control" placeholder="输入一个关键字" id="one_keyword">
                    </div>
                </div>

                <div class=form-group>
                    <div class="input-group">
                        <span class="input-group-addon">
                            资质内容
                        </span>
                        <input type="text" class="form-control" placeholder="输入一个关键字" id="two_keyword">
                    </div>
                </div>

                <div class=form-group>
                    <div class="input-group">
                        <span class="input-group-addon">
                            等级分类
                        </span>
                        <input type="text" class="form-control" placeholder="输入一个关键字" id="three_keyword">
                    </div>
                </div>

                <div class="btn-group">
                    <button class="btn btn-primary" type="submit">
                        <i class="fa fa-fw fa-search"></i>
                        查询
                    </button>
                </div>
            </form>
        </div>


        <div class="col-md-12">
        <div class="list-group">
            <a v-bind:href="'@Url.Action("Qualification_XQ")'+'?QId='+v.Qid" class="list-group-item" v-for="(v,index) in VmQualifications" v-cloak>
                <h5 class="list-group-item-heading">{{v.Type}}</h5>
            </a>
        </div>
        </div>
        <!--分页开始-->
        <div class="col-md-12">
            <div class="block">
                <span class="demonstration"></span>
                <el-pagination @@size-change="handleSizeChange" @@current-change="handleCurrentChange" :current-page.sync="currentpage" :page-sizes="pagesizes"
                               :page-size="pagesize" layout="prev, pager, next, jumper,total, sizes" :total="total">
                </el-pagination>
            </div>
        </div>
        <!--分页结束-->

    </div>
    </div>

@section Script{

    <script src='@Url.Content("~/Scripts/Qualification/Qualification.js")' type="text/javascript"></script>

    <!-- 引入组件库 -->
    <script src='@Url.Content("~/Content/element-ui/lib/index.js")'  type="text/javascript"></script>

    <script type="text/javascript">
    //链接地址定义
    var URLs = {
        URL_GET_QUALIFICATIONLIST: '@Url.Action("GetQualificationList", "Qualification")'         //获取列表
            ,
        URL_GET_ONEQUALIFICATION: '@Url.Action("GetOneQualification", "Qualification")'           //获取一条要编辑的数据
            ,
        URL_DELETE_QUALIFICATION: '@Url.Action("deleteQualificationData", "Qualification")'       //删除文章
            ,
        URL_GOTO_NEWQUALIFICATION: '@Url.Action("Qualification", "Qualification")'                //跳转到新建的页面
    }

    $(function () {
       
        //打开页面就加载列表
        vm.getQualificationListindex();
    });

    </script>
}
